.homepage {
		.wrapper {
			// width: 100%;
			// height: 1224rpx;
			// padding-left: 2rpx;

			.navbar {
				width: 100%;
				margin-bottom: 0rpx;
				flex: 0;
				.wrap{
					display: flex;
					align-items: center;
					padding: 4px 6px;
					.map-wrap-text{
						padding: 0 6rpx;
					}
				}
			}

			.swiper {
				width: 100%;
				height: 300rpx;
				// margin-right: auto;
				// margin-left: auto;
				background: no-repeat;
				background-size: 100% 100%;
			}

			.noticeBar {
				width: 100%;
				// margin-bottom: 20rpx;
			}

			// .swiperGrid {
			// 	width: 100%;
			// }
		}

		.bottombar {
			width: 750rpx;
			justify-content: space-between;
			padding: 10rpx 74rpx 10rpx 88rpx;
			bottom: 0rpx;
			left: 0rpx;
			background: #f3f4f6;
			position: fixed;

			.icon-home-fill {
				width: 60rpx;
			}

			.icon-star-fill {
				width: 60rpx;
			}

			.icon-man-add-fill {
				width: 60rpx;
			}
		}
	}
	.grid-text {
		font-size: 28rpx;
		margin-top: 4rpx;
		// color: $u-type-info;
	}
	.badge-icon {
		position: absolute;
		width: 40rpx;
		height: 40rpx;
	}
	.t-icon{
		width: 70rpx;
		height: 70rpx;
	}
	.swiperGrid246 {
		border-radius: 60rpx 60rpx 60rpx 60rpx;
		background-color: $bg-color-white;
		width: 100%;
	}
	.tab-wrapper{
		 width: 100%;
		 // height: 400px;
		 border-top-left-radius: 50rpx;
		 border-top-right-radius: 50rpx;
		 background-color: $bg-color-white;
		.tabs {
			margin-top: 30rpx;
		}
	}